---
layout: example.html
title: Shared Views
shortdesc: Two maps share view properties
docs: >
  Two maps (one Road, one Aerial) share the same center, resolution and rotation.
tags: "side-by-side, xyz, maptiler"
cloak:
  - key: get_your_own_D6rA4zTHduk6KOKTXzGB
    value: Get your own API key at https://www.maptiler.com/cloud/
---
<div class="wrapper">
  <div class="half">
    <h4>Road</h4>
    <div id="roadMap" class="map"></div>
  </div>
  <div class="half">
    <h4>Aerial</h4>
    <div id="aerialMap" class="map"></div>
  </div>
</div>
